﻿<%@ Page Title="Pagina de Inicio" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Triunfadores.Web._Default" %>

<asp:Content runat="server" ID="FeaturedContent" ContentPlaceHolderID="FeaturedContent">
</asp:Content>
<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent">

    <hgroup class="title">
        <h1 class="center-block"><strong>Unión de Crédito y Ahorro "Los Triunfadores"</strong></h1>
    </hgroup>
    <div class="callout callout-info">
        <h2>Trabajamos a tu ritmo</h2>
    </div>
    <div class="row">
        <div class="col-lg-8">
            <div class="col-lg-3 col-xs-6">
                <!-- small box -->
                <div class="small-box bg-aqua">
                    <div class="inner">
                        <h4><strong>Inicio</strong></h4>
                        <p>
                            <br />
                        </p>
                    </div>
                    <div class="icon">
                        <i class="ion ion-home"></i>
                    </div>
                    <a href="#" class="small-box-footer">Más Información <i class="fa fa-arrow-circle-right"></i></a>
                </div>
                <div class="small-box bg-red">
                    <div class="inner">
                        <h4><strong>Acciones</strong></h4>
                        <p>
                            <br />
                        </p>
                    </div>
                    <div class="icon">
                        <i class="fa fa-cubes"></i>
                    </div>
                    <a href="#" class="small-box-footer">Más Información <i class="fa fa-arrow-circle-right"></i></a>
                </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-3 col-xs-6">
                <!-- small box -->
                <div class="small-box bg-green">
                    <div class="inner">
                        <h4><strong>Prestamos</strong></h4>
                        <p>
                            <br />
                        </p>
                    </div>
                    <div class="icon">
                        <i class="fa fa-money"></i>
                    </div>
                    <a href="#" class="small-box-footer">Más Información <i class="fa fa-arrow-circle-right"></i></a>
                </div>
                <div class="small-box bg-yellow">
                    <div class="inner">
                        <h4><strong>Clientes</strong></h4>
                        <p>
                            <br />
                        </p>
                    </div>
                    <div class="icon">
                        <i class="ion ion-person-add"></i>
                    </div>
                    <a href="#" class="small-box-footer">Más Información<i class="fa fa-arrow-circle-right"></i></a>
                </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-3 col-xs-6">
                <!-- small box -->
                <div class="small-box bg-yellow">
                    <div class="inner">
                        <h4><strong>Beneficiarios</strong></h4>
                        <p>
                            <br />
                        </p>
                    </div>
                    <div class="icon">
                        <i class="ion ion-person-add"></i>
                    </div>
                    <a href="#" class="small-box-footer">Más Información<i class="fa fa-arrow-circle-right"></i></a>
                </div>
                <div class="small-box bg-green">
                    <div class="inner">
                        <h4><strong>Ahorros</strong></h4>
                        <p>
                            <br />
                        </p>
                    </div>
                    <div class="icon">
                        <i class="ion ion-bag"></i>
                    </div>
                    <a href="#" class="small-box-footer">Más Información <i class="fa fa-arrow-circle-right"></i></a>
                </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-3 col-xs-6">
                <!-- small box -->
                <div class="small-box bg-red">
                    <div class="inner">
                        <h4><strong>Reportes</strong></h4>
                        <p>
                            <br />
                        </p>
                    </div>
                    <div class="icon">
                        <i class="ion ion-pie-graph"></i>
                    </div>
                    <a href="#" class="small-box-footer">Más Información <i class="fa fa-arrow-circle-right"></i></a>
                </div>
                <div class="small-box bg-aqua">
                    <div class="inner">
                        <h4><strong>Venta Acciones</strong></h4>
                        <p>
                            <br />
                        </p>
                    </div>
                    <div class="icon">
                        <i class="fa fa-shopping-cart"></i>
                    </div>
                    <a href="#" class="small-box-footer">Más Información <i class="fa fa-arrow-circle-right"></i></a>
                </div>
            </div>
            <!-- ./col -->
        </div>
        <div class="col-lg-4">
            <div class="box box-solid bg-green-gradient">
                <div class="box-header ui-sortable-handle" style="cursor: move;">
                    <i class="fa fa-calendar"></i>
                    <h3 class="box-title">Calendario</h3>
                </div>
                <!-- /.box-header -->
                <div class="box-body no-padding">
                    <!--The calendar -->
                    <asp:Calendar CssClass="datepicker datepicker-inline" Style="width: 100%"
                        runat="server"
                        DayStyle="datepicker-days"
                        OtherMonthDayStyle="datepicker-months"></asp:Calendar>
                </div>
                <!-- /.box-body -->
            </div>
        </div>

    </div>
</asp:Content>
